<template>
  <view class="page flex-col">
    <view class="box_2 flex-col">
      <view class="section_3 flex-col justify-between">
        <view class="box_4 flex-col">
          <view class="block_2 flex-row">
            <text class="text_3">壁挂电视&nbsp;66-80&nbsp;寸</text>
            <view class="text-wrapper_1 flex-col">
              <text class="text_4">安装</text>
            </view>
            <view class="text-wrapper_2 flex-col justify-between">
              <text class="text_5">报价快，中选高</text>
              <text class="text_6">报价</text>
            </view>
          </view>
          <view class="block_3 flex-row justify-between">
            <image
              class="image_1"
              referrerpolicy="no-referrer"
              src="/static/lanhu_baojiadingdan/MasterDDSSlicePNG096bf6727a5bb7a3e7165c5a66f6b67d.png"
            />
            <view class="section_4 flex-col justify-between">
              <text class="text_7">共&nbsp;1&nbsp;套商品</text>
              <view class="box_5 flex-row justify-between">
                <image
                  class="thumbnail_4"
                  referrerpolicy="no-referrer"
                  src="/static/lanhu_baojiadingdan/MasterDDSSlicePNGe5c3e990382c10572e676d1a2de7bd2f.png"
                />
                <text class="text_8">
                  &nbsp;以勒镇省镇雄县凉水社&nbsp;28.44km
                </text>
              </view>
              <text class="text_9">期望上门时间：接单后与业主预约</text>
            </view>
          </view>
          <view class="block_4 flex-row">
            <image
              class="thumbnail_5"
              referrerpolicy="no-referrer"
              src="/static/lanhu_baojiadingdan/MasterDDSSlicePNG3b3e965e1508f9e2892c20400a7bab42.png"
            />
            <text class="text_10">订单反馈</text>
            <view class="text-wrapper_3 flex-col">
              <text class="text_11">立即报价</text>
            </view>
          </view>
          <text class="text_12">仅剩&nbsp;5&nbsp;个报价名额</text>
          <view class="block_5 flex-col"></view>
          <view class="block_6 flex-col"></view>
          <view class="block_7 flex-col"></view>
          <view class="block_8 flex-col"></view>
          <view class="block_9 flex-col"></view>
        </view>
        <view class="box_6 flex-col">
          <view class="box_7 flex-row">
            <text class="text_13">淋浴花洒龙头(套装)</text>
            <view class="text-wrapper_4 flex-col">
              <text class="text_14">维修</text>
            </view>
            <view class="text-wrapper_5 flex-col justify-between">
              <text class="text_15">报价快，中选高</text>
              <text class="text_16">报价</text>
            </view>
          </view>
          <view class="box_8 flex-row justify-between">
            <image
              class="image_2"
              referrerpolicy="no-referrer"
              src="/static/lanhu_baojiadingdan/MasterDDSSlicePNG31c18f067f5e374834037b2368368b53.png"
            />
            <view class="group_1 flex-col justify-between">
              <text class="text_17">共&nbsp;1&nbsp;套商品</text>
              <view class="box_9 flex-row justify-between">
                <image
                  class="thumbnail_6"
                  referrerpolicy="no-referrer"
                  src="/static/lanhu_baojiadingdan/MasterDDSSlicePNGa2479dd12aafd5d11478500296166476.png"
                />
                <text class="text_18">
                  &nbsp;镇雄县牛场镇浩宗院子&nbsp;32.01km
                </text>
              </view>
              <text class="text_19">期望上门时间：接单后与业主预约</text>
            </view>
          </view>
          <view class="box_10 flex-row justify-between">
            <view class="image-text_2 flex-row justify-between">
              <image
                class="thumbnail_7"
                referrerpolicy="no-referrer"
                src="/static/lanhu_baojiadingdan/MasterDDSSlicePNG3b3e965e1508f9e2892c20400a7bab42.png"
              />
              <text class="text-group_2">订单反馈</text>
            </view>
            <view class="text-wrapper_6 flex-col">
              <text class="text_20" @click="tanchuang==true">立即报价</text>
            </view>
          </view>
          <text class="text_21">2&nbsp;位师傅已报价</text>
        </view>
      </view>
    </view>
	<view v-if="tanchuang" class="page flex-col tan">
	    <view class="group_1 flex-col justify-end">
	      <view class="box_1 flex-row justify-between">
	        <view class="section_1 flex-col"></view>
	        <view class="section_2 flex-col"></view>
	        <view class="section_3 flex-col"></view>
	      </view>
	      <view class="image-wrapper_1 flex-col">
	        <image
	          class="label_1"
	          referrerpolicy="no-referrer"
	          src="/static/lanhu_baojiadanchuang/MasterDDSSlicePNGd9c92966518a775ebf355714cd682052.png"
	        />
	      </view>
	      <text class="text_1">报价单注意事项</text>
	      <view class="box_2 flex-row justify-between">
	        <view class="text-wrapper_1 flex-col">
	          <text class="text_2">1</text>
	        </view>
	        <text class="paragraph_1">
	          请仔细查看订单信息，包括产品规
	          <br />
	          格、数量、交货日期等关键要素，确
	          <br />
	          保理解客户需求。
	        </text>
	      </view>
	      <view class="box_3 flex-row justify-between">
	        <view class="text-wrapper_2 flex-col">
	          <text class="text_3">2</text>
	        </view>
	        <text class="paragraph_2">
	          报价应考虑原材料成本、人工费用、
	          <br />
	          运输费用等因素，确保价格合理且具
	          <br />
	          有市场竞争力。
	        </text>
	      </view>
	      <view class="box_4 flex-row justify-between">
	        <view class="text-wrapper_3 flex-col">
	          <text class="text_4">3</text>
	        </view>
	        <text class="paragraph_3">
	          报价单将作为正式合同附件，具有法
	          <br />
	          律效力，请确保所有信息准确无误后
	          <br />
	          再提交。
	        </text>
	      </view>
	      <view class="box_5 flex-row justify-between">
	        <view class="text-wrapper_4 flex-col">
	          <text class="text_5">我再想想</text>
	        </view>
	        <view class="text-wrapper_5 flex-row">
	          <text class="text_6">立即报价</text>
	          <text class="text_7">(12秒)</text>
	        </view>
	        <view class="group_2 flex-col"></view>
	        <view class="group_3 flex-col"></view>
	      </view>
	      <view class="box_6 flex-col"></view>
	      <view class="box_7 flex-col"></view>
	    </view>
	  </view>
	
	<!--加载loadding-->
	<tui-loadmore v-if="loadding" :index="3" type="red"></tui-loadmore>
	<tui-nomore v-if="!pullUpOn" backgroundColor="#fafafa"></tui-nomore>
	<!--加载loadding-->
	<tui-tabbar :mo="identity" :current="current">
	</tui-tabbar>
  </view>
</template>
<script>
export default {
	data() {
		return {
			tanchuang:false,
			ptype: 2,
			pageIndex: 1,
			identity: "technical",
			loadding: false,
			pullUpOn: true,
			scrollTop: 0,
			orderList: [],
			where: {
				status: 0,
				ptype: 0,
				keyword: '',
				page: 1,
				limit: 10,
				latitude: "",
				longitude: ""
			},
		}
	},
	onLoad: function(e) {
		if (e.identity) {
			this.identity = e.identity;
		}
	},
	methods: {}
};
</script>
<style lang='scss'>
@import './assets/style/index.rpx.scss';
body * {
  box-sizing: border-box;
  flex-shrink: 0; 	
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
    display: flex;
    justify-content: flex-start;
  }
.justify-center {
    display: flex;
    justify-content: center;
}
  
.justify-end {
    display: flex;
    justify-content: flex-end;
}
.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}
.justify-around {
    display: flex;
    justify-content: space-around;
}
.justify-between {
    display: flex;
    justify-content: space-between;
}
.align-start {
    display: flex;
    align-items: flex-start;
}
.align-center {
    display: flex;
    align-items: center;
}
.align-end {
    display: flex;
    align-items: flex-end;
}
    
</style>
